.activity {
  width: 100%;
  height: 802rpx;
  image {
    width: 100%;
    height: 100%;
  }
}
.wrapper {
  width: 594rpx;
  margin: 0 auto;
  .share {
    .share-hit {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 30rpx;
      text {
        font-size: 36rpx;
        color: #ffa200;
        font-weight: bold;
        padding-top: 30rpx;
      }
    }
    .share-box {
      display: flex;
      flex-direction: row;
      .qr-code {
        width: 260rpx;
        height: 260rpx;
        border: solid 1rpx #ddd;
        border-radius: 24rpx;
        view {
          width: 220rpx;
          height: 220rpx;
          // background-color: #ffa200;
          margin-top: 20rpx;
          margin-left: 20rpx;
        }
      }
      p {
        display: block;
        width: 260rpx;
        text-align: center;
        font-size: 24rpx;
        color: #333333;
        padding-top: 15rpx;
      }
      .share-btn {
        width: 310rpx;
        height: 256rpx;
        margin-top: 20rpx;
        margin-left: 20rpx;
        button {
          width: 100%;
          height: 100%;
          padding: 0;
          background-color: #fff;
        }
        button::after {
          border: none;
        }
        image {
          width: 100%;
          height: 100%;
        }
      }
    }
  }
  .share-user {
    p {
      display: block;
      font-size: 28rpx;
      color: #333;
      width: 594rpx;
      height: 80rpx;
      line-height: 80rpx;
      background-color: #f9f9f9;
      text-align: center;
      border-radius: 12rpx;
      margin-top: 60rpx;
    }
    .user-box {
      li {
        display: -webkit-box; 
        display: -moz-box; 
        display: -ms-flexbox; 
        display: -webkit-flex;
        display: flex; 
        justify-content: space-between;
        align-items: center;
        margin-top: 30rpx;
        view {
          display: flex;
          align-items: center;
          justify-content: center;
          image {
            width: 100rpx;
            height: 100rpx;
            border-radius: 50rpx;
            margin-right: 20rpx;
          }
        }

        text {
          color: #bbb;
          font-size: 24rpx;
        }
      }
    }
  }
  .rule {
    margin-top: 80rpx;
    padding-bottom: 60rpx;
    .rule-title {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 5rpx;
      b {
        display: block;
        width: 220rpx;
        border-top: solid 1rpx #ddd;
      }
      p {
        font-size: 28rpx;
        color: #333;
      }
    }
    text {
      font-size: 24rpx;
      color: #666;
      display: block;
    }
  }
}
